<template>
    <div class="header">
        <div class="logo" @click="$router.push('/home')">
            <img src="~@/assets/images/logo.jpg" alt="">
        </div>
        <div class="title"></div>
        <span class="fx-1"></span>
        <div class="sub">
            <slot></slot>
        </div>
    </div>
</template>
<script lang="ts">
  import { Vue, Component } from 'vue-property-decorator'

  @Component
  export default class Header extends Vue {
  }
</script>
<style lang="less" scoped>
    @import "./custom.less";

    .logo {
        cursor: pointer;
    }

    .header {
        display: flex;
        border-bottom: 1px solid @gray;
        padding: 0 20px;
        height: 90px;
        line-height: 90px;
    }

    img {
        height: 50px;
        vertical-align: middle;
        margin-left: 20px;
    }
</style>
